<template>
  <x-circle
    :value="value"
    bg-stroke="rgba(55, 158, 209, 0.2)"
    stroke="rgba(55, 158, 209, 1)"
  />
</template>

<script
  lang="ts"
  setup
  name="ProgressCircle"
>
  import { useTreeStore } from '@/store/tree'

  const treeStore = useTreeStore()

  const value = computed(() => treeStore.progressValue)
</script>
